<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为手机大全_华为智能手机_华为商城</title>
    <link rel="Shortcut Icon" href="../img/img_ent_en_logo_ico.png">
    <link rel="stylesheet" href="../css/common/header.css">
    <link rel="stylesheet" href="../css/shopping-mall.css">
    <link rel="stylesheet" href="../libs/iconfont.css">
    <link rel="stylesheet" href="../css/common/footer.css">
    <link rel="stylesheet" href="../css/common/reset.css">
    <link rel="stylesheet" href="../libs/fyq/fyq.css">
</head>
<body>
    <header></header>
    <div class="main">
        <div class="con-between"></div>
        <div class="con-center">
            <!-- 面包屑 -->
            <div class="breadcrumb">
                <h4><a href="">首页</a> <span class="iconfont icon-you"></span>手机</h4>
            </div>
            <div class="pro-cate-area">
                <div class="pro-cate-attr">
                    <div class="p-title">分类:</div>
                    <div class="p-value">
                        <ul>
                            <li><a href="">手机</a></li>
                            <li><a href="">手机保护壳</a></li>
                            <li><a href="">手机配件</a></li>
                            <li><a href="">配件</a></li>
                            <li><a href="">充电器</a></li>
                            <li><a href="">移动电源</a></li>
                            <li><a href="">通用配件</a></li>
                            <li><a href="">保护壳</a></li>
                            <li><a href="">手机保护套</a></li>
                        </ul>
                        <div class="p-hide-value">
                            <ul>
                                <li><a href="">自拍杆/支架</a></li>
                                <li><a href="">汽车及周边</a></li>
                                <li><a href="">生态产品</a></li>
                                <li><a href="">拓展坞</a></li>
                                <li><a href="">保护套</a></li>
                                <li><a href="">手机保护膜</a></li>
                                <li><a href="">电脑配件</a></li>
                            </ul>
                        </div>
                        <div class="more-btn">
                            更多<span class="iconfont icon-xiala"></span>
                        </div>
                    </div>
                </div>
                <div class="pro-cate-attr">
                    <div class="p-title">服务优惠:</div>
                    <div class="p-value">
                        <ul>
                            <li><a href="">手机</a></li>
                            <li><a href="">手机保护壳</a></li>
                            <li><a href="">手机配件</a></li>
                            
                        </ul>
                    </div>
                </div>
                <div class="pro-cate-attr">
                    <div class="p-title">屏幕尺寸:</div>
                    <div class="p-value">
                        <ul>
                            <li><a href="">6.0-6.5英寸</a></li>
                            <li><a href="">6.5英寸以上</a></li>
                            
                        </ul>
                        
                    </div>
                </div>
                <div class="pro-cate-attr">
                    <div class="p-title">更多选项:</div>
                    <div class="p-value">
                        <ul>
                            <li><a href="">运行内存</a></li>
                            <li><a href="">存储容量</a></li>
                            <li><a href="">上市时间</a></li>
                        </ul>
                        
                    </div>
                </div>
                <div class="pro-cate-attr">
                    <div class="p-title">排序:</div>
                    <div class="p-value">
                        <ul>
                            <li><a href="">综合</a></li>
                            <li><a href="">最新</a></li>
                            <li><a href="">评论数</a></li>
                            <li><a href="">价格</a></li>
                        </ul>
                        
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="pro-list-all">
                
                </div>
                <div class="paging_content">
                    <div class="paging_first">首页</div>
                    <div class="paging_up">上一个</div>
                    <div class="paging_btn"></div>
                    <div class="paging_down">下一个</div>
                    <div class="paging_last" id="">尾页</div>
                </div>
            </div>
        </div>
        <div class="con-between"></div>
    </div>
    <div class="topping-box">
        <div class="shopping-cart">
            <span class="iconfont icon-gouwuche"></span>
            <em>购物车</em>
        </div>
        <div class="kf">
            <span class="iconfont icon-kefu"></span>
            <em>在线客服</em>
        </div>
        <div class="topping">
            <span class="iconfont icon-shang"></span>
            <em>返回顶部</em>
        </div>
    </div>
    <footer></footer>
    <!-- <script src="../libs/jquery.min.js"></script> -->
    <script src="../libs/require.js" data-main="../js/shopping-mall"></script>
    <!-- <script src="../libs/jquery.min.js"></script> -->
    <!-- <script src="../libs/fyq/jquery-paging.js"></script>
    <script>
        $(".paging_list").paging({
            PageNum: 10, //每页显示数目
            pageMax: true, //按钮长度是否显示
            pageMaxHideShow: false, //在最后一个的时候是否隐藏按钮长度
            pageDownUpHide: false, //到第一个或最后一个是否让上一页或下一页消失
            pageInput: true, //是否使用文本框输入跳转
            pagingBtnHide: false, //是否让按钮变为一个
            pagingBtnPaging: true,//按钮是否分页
            pagingDisplay: "flex"//显示的属性，弹性盒子还是块化
        })
    </script> -->
    <!-- <script>
        $('header').load('./common/header.html')
        $('footer').load('./common/footer.html')
    </script> -->
</body>
</html>